<template>
  <!-- 投保人信息（主被保人） -->
  <div class="mt-[30px] flex items-center">
    <div class="w-[4px] h-[12px] bg-[#EF6800]"></div>
    <div class="ml-[10px] text-[#EF6800] text-[16px] font-bold">保险信息</div>
  </div>
  <div class="flex flex-wrap mt-[30px]">
    <div class="w-[50%]">
      <el-form-item label="产品名称" prop="name">
        <el-input
          :disabled="disabled"
          v-model="Info.bx_info.name"
          style="width: 20vw"
          class="w-[318px]"
        ></el-input>
      </el-form-item>
    </div>

    <div class="w-[50%]">
      <el-form-item label="保险分类" prop="name">
        <el-input
          :disabled="disabled"
          style="width: 20vw"
          v-model="Info.bx_info.brand"
          class="w-[318px]"
        ></el-input>
      </el-form-item>
    </div>
    <div class="w-[50%]">
      <el-form-item label="产品编号" prop="name">
        <el-input
          :disabled="disabled"
          v-model="Info.product_code"
          style="width: 20vw"
          class="w-[318px]"
        ></el-input>
      </el-form-item>
    </div>
  </div>
</template>
<script setup lang="ts">
import {
  defineProps,
  watchEffect,
  ref,
  reactive,
  defineExpose,
  onMounted,
  ComputedRef,
  computed,
} from "vue";
import getAssetsFile from "@/utils/getImageurl.ts";
import { useRoute } from "vue-router";
const props = defineProps({
  Info: { type: Object as any },
  disabled: { type: Boolean, default: false },
});

const route = useRoute();
interface AreaList {
  value: string;
  label: string;
  children?: AreaList[];
}
const list = ref<Array<string>>([]);
const name = ref("单位名称");
const type = ref(0);
interface InfoType {
  name: string;
  card_type: string;
  card_no: string;
  contact: string;
  contact_mobile: string;
  mailbox: string;
  insure_type: string;
}

// const addressValue = ref<Array<any>>([]);
</script>
